<template
  <div>

  <el-card class="box-card">
    <i
      class="fa fa-map-pin icon-pin"
      aria-hidden="true"
    ></i>
    <div class="tags-btn">
      <el-button
        type="primary"
        icon="el-icon-edit"
        circle
      ></el-button>
      <el-button
        type="success"
        icon="el-icon-check"
        circle
      ></el-button>
      <el-button
        class="close-btn"
        type="danger"
        icon="el-icon-delete"
        circle
      ></el-button>
    </div>

    <div class="tags-item">
      <i class="fa fa-tags"> </i>{{'几天奶奶带哈佛安康哦可哦啊而我国脑t '}}
    </div>

    <div class="tags-time">
      <span><i
          class="fa fa-calendar-check-o"
          aria-hidden="true"
        ></i> 2019-05-15</span>
    </div>

  </el-card>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  components: {}
};
</script>

<style scoped lang="scss">
.box-card {
  //：#FFFFCC;#CCFFCC;#CCCCFF;#CCFFFF;#FFCCFF;
  background-color: #ffffcc;
  width: 500px;
  .el-card__body {
    margin: 0px;
    padding: 10px;
  }

  .icon-pin {
    font-size: 20px;
    text-align: center;
  }

  .tags-btn {
    text-align: right;
    .el-button.is-circle {
      padding: 4px;
    }
  }

  .tags-item {
    font-size: 14px;
    text-align: left;
  }
  .tags-time {
    text-align: left;
    margin-top: 10px;
    color: grey;
  }
}
</style>
